/* qbfl.css */

/* 导航栏样式 */
.qbfl-nav {
    height:1rem;
    font-weight: bold;
}

/* 整体容器样式 */
.qbfl-div {
    display: flex;
    height: calc(100vh - 1rem); /* 减去导航栏的高度 */
}

/* 侧边栏样式 */
.qbfl-div1 {
    width: 2rem;
    overflow-y: auto; /* 如果侧边栏内容超出高度，显示纵向滚动条 */
}

/* 右边内容区域样式 */
.qbfl-div2 {
    height:100%;
    flex: 1; /* 占据剩余空间 */
    overflow-y: auto; /* 如果内容超出高度，显示纵向滚动条 */
    padding:0.1rem; /* 可根据需要调整内边距 */
}

/* 激活样式 */
.active {
    /* 这里可以设置激活状态下侧边栏分类的样式 */
    color: #fff;
    background-color: #1890ff;
}
.qbfl-img{
    width: 2rem;
}
.qbfl-div3{
    display: flex;
    flex-wrap: wrap;
}
.qbfl-div4{
    margin:0.2rem ;
}